@extends('layouts.app')

@section('content')


<div class="card-deck">
  @each('projects._card', $projects, 'project'); 
  </div>

    
      <div class="card col-4 my-3">
        <div class="card-body d-flex aling-items-center">
            <!-- Button trigger modal -->
            <button type="button" class="btn btn-primary aling-items-center" data-toggle="modal" data-target="#createProjectModal">
               <i class="fa fa-btn fa-plus"></i>
            </button>
        </div>
        
      </div>
    <!-- Modal -->
  @include('projects._projects')
@endsection

@section('cusstomJS')
   <script>
    $(document).ready(function(){
      $('.icon-bar').hide();
      $('.project-card').hover(function(){

        $(this).find('.icon-bar').toggle();
      });
    }) 
  </script> 
@endsection